Java之品优购课程讲义_day16（3）-白红宇

Java之品优购课程讲义_day16（3）

阅读量：6624 次

发布时间：2019-06-25

本文共 979 字，大约阅读时间需要 3 分钟。

购物车前端代码

3.1 需求分析

实现购物车页面的展示与相关操作

可以实现购物车列表、数量的增减与移除以及合计数统计

3.1 购物车列表

3.1.1 前端服务层

pinyougou-cart-web 增加 cartService.js//购物车服务层app.service('cartService',function($http){//购物车列表this.findCartList=function(){}});3.1.1 file:///C:\Users\user\AppData\Local\Temp\ksohtml\wpsC1F6.tmp.pngfile:///C:\Users\user\AppData\Local\Temp\ksohtml\wpsC1F7.tmp.png前端控制层pinyougou-cart-web 增加 cartController.js//购物车控制层app.controller('cartController',function($scope,cartService){//查询购物车列表$scope.findCartList=function(){ cartService.findCartList().success(function(response){$scope.cartList=response;});}});

3.1.1 页面

修改 cart.html 引入 js

添加相关指令，指定控制器，调用初始化方法

循环显示购物车列表


    
     
      
      {
   {cart.sellerName}}【商家 ID:{
   {cart.sellerId}}】

{
   {orderItem.title}}[/size][/font][/align][font=微软雅黑][size=3]{
   {orderItem.price.toFixed(2)}}
-+
{
   {orderItem.totalFee.toFixed(2)}}
删除
移到我的关注

转载于:https://blog.51cto.com/13517854/2308271

你可能感兴趣的文章